﻿@using Microsoft.AspNetCore.Mvc.Localization
@inject IViewLocalizer Localizer
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>Access Denied</title>
    <environment names="Development">
        <link href="~/Content/bootstrap.css" rel="stylesheet" />
    </environment>
    <environment names="Staging,Production">
        <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    </environment>
    <style>
        .mb-0, .my-0 {
            margin-bottom: 0 !important;
        }

        .mt-0, .my-0 {
            margin-top: 0 !important;
        }

        .text-center {
            text-align: center !important;
        }

        .mt-5, .my-5 {
            margin-top: 3rem !important;
        }

        .mb-3, .my-3 {
            margin-bottom: 1rem !important;
        }

        .box-shadow {
            box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.05);
        }

        .mb-2, .my-2 {
            margin-bottom: .5rem !important;
        }

        .justify-content-md-center {
            -ms-flex-pack: center !important;
            justify-content: center !important;
        }

        .card {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            min-width: 0;
            word-wrap: break-word;
            background-color: #fff;
            background-clip: border-box;
            border: 1px solid rgba(0,0,0,.125);
            border-radius: .25rem;
        }

        .card-deck {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .card-header:first-child {
            border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
        }

        .card-header {
            padding: .75rem 1.25rem;
            margin-bottom: 0;
            background-color: rgba(0,0,0,.03);
            border-bottom: 1px solid rgba(0,0,0,.125);
        }

        .card-body {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            padding: 1.25rem;
        }

        .card-title {
            margin-bottom: .75rem;
        }

        .oi {
            position: relative;
            top: 1px;
            display: inline-block;
            speak: none;
            font-weight: 400;
            line-height: 2rem;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row justify-content-md-center">
            <div class="col-sm-offset-0 col-md-2"></div>
            <div class="col-sm-12 col-md-8">
                <div class="card-deck mb-3 mt-5 text-center">
                    <div class="card mb-2 box-shadow">
                        <div class="card-header">
                            <h1 class="font-weight-normal">Access Denied</h1>
                        </div>
                        <div class="card-body">
                            <h1 class="card-title">
                                <span class="oi glyphicon glyphicon-remove-circle" title="Warning" aria-hidden="true"></span>
                            </h1>
                            <a asp-controller="Home" asp-action="Index" class="btn btn-lg btn-block btn-warning">@Localizer["BackToHome"]</a>
                            <a asp-controller="Account" asp-action="Logout" class="btn btn-lg btn-block btn-danger">@Localizer["Logout"]</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-offset-0 col-md-2"></div>
        </div>
    </div>
</body>
</html>